{header}
<div class="card">
  <div class="card-header">
    操作
  </div>
  <div class="card-body">
    <a class="btn btn-primary" href="copywrite_add" role="button">创建订单</a>
  </div>
</div>
<div class="container">
  <div class="row">
    筛选：
    <div class="dropdown" style="margin-right: 10px;">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="type_btn" data-toggle="dropdown" aria-expanded="false">类型</button>
      <div class="dropdown-menu" style="max-height: 300px;overflow-y: auto;">
        {type_buttons}
      </div>
    </div>
    <script type="text/javascript">
      function set_type(value) {
        location.href = '{base_url}copywrite_list?p=1&topic_type=' + value;
      }
      function set_topic(id, number, topic_name) {
        $('#topic_btn').html(number + '-' + topic_name);
        var type = $('#type_btn').html();
        location.href = '{base_url}copywrite_list?p=1&topic_type=' + type + '&group_id=' + id + '&topic_name=' + topic_name;
      }
    </script>
  </div>
</div>
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">ID</th>
      <th scope="col">选题</th>
      <th scope="col">文案要求</th>
      <th scope="col">迅雷种子</th>
      <th scope="col">操作</th>
    </tr>
  </thead>
  <tbody id="list">
  </tbody>
</table>
{footer}
